<!DOCTYPE html><html class="no-js" lang="zh"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="keywords" content="-webkit-overflow-scrolling,css,api,chm,参考,手册,教程,文档"><meta name="description" content="CSS/CSS3中文参考文档手册最新版，在线地址：http://css.cuishifeng.cn"><meta name="robots" content="all"><meta name="renderer" content="webkit"><meta name="author" content="Shifone -http://css.cuishifeng.cn"><meta name="viewport" content="width=device-width,initial-scale=1"><title>-webkit-overflow-scrolling | CSS3 中文文档 | CSS中文手册 | CSS API 在线手册</title><link rel="shortcut icon" href="http://css.cuishifeng.cn/images/favicon.ico"><link rel="stylesheet" href="css/common_5913df5.css"></head><body><!--[if lt IE 9]>
<div class="browser-happy">
    <div class="content">
        <p>作为前端开发人员，还有这么low的浏览器，再不更新会遭鄙视的～～</p>
        <a href="http://browsehappy.com/">立即更新</a>
    </div>
</div>
<![endif]--><div class="main-container"><div id="main-wraper" class="main-wraper"><!-- <div class="card-con"  >
    <div class="tips-body">
        <a href="http://www.cuishifeng.cn/go/card" target="_blank" title="点击查看详情">推荐办理招商信用卡，新户首刷礼，更可获得膳魔师保温杯套装或时尚双肩背包一个~</a>
    </div>
</div> --><header class="top-nav"><a href="index.html" class="pc" title="">首页</a> &nbsp;&gt;&nbsp; <span class="sub-title">属性 Properties</span> &nbsp;&gt;&nbsp; Only webkit &nbsp;&gt;&nbsp; -webkit-overflow-scrolling <a class="source" href="http://css.cuishifeng.cn/source.html" target="_blank">源码下载</a></header><h1><span class="css3_new">版本 : CSS3</span> -webkit-overflow-scrolling</h1><div id="content"><div id="syntax" class="g-mod g-attr"><h2 class="tit">语法：</h2><div class="cont"><p><strong>-webkit-overflow-scrolling</strong>：auto | touch</p><p><strong>默认值</strong>：<mark class="defaultvalue">auto</mark></p><p><strong>适用于</strong>：块容器，伸缩盒容器，grid容器</p><p><strong>继承性</strong>：无</p><p><strong>动画性</strong>：否</p><p><strong>计算值</strong>：指定值</p></div></div><div id="value" class="g-mod g-attr"><h2 class="tit">取值：</h2><div class="cont"><dl><dt>auto：</dt><dd>默认值。当手指从触摸屏上移开，滚动会立即停止，相当于普通的滚动效果。</dd><dt>touch：</dt><dd>使用具有回弹效果的滚动，当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆叠上下文。</dd></dl></div></div><div id="intro" class="g-mod g-attr"><h2 class="tit">说明：</h2><div class="cont"><strong>指定元素是否使用native-style（滚动回弹效果）来滚动溢出内容。</strong><ul><li>该属性用来控制元素在移动设备上是否使用滚动回弹效果。</li><li>该属性在 iOS UIWebView 中无效。</li><li>该属性需与 <a href="overflow.html" class="g-property">overflow</a> 属性配合使用，因为必须先定义元素允许滚动，才可以指定它在滚动具有回弹效果。<div class="gquote"><h3 class="gquote-tit">CSS：</h3><blockquote class="gquote-cont"><code><xmp>.demo { height: 200px; overflow-y: auto; /* 允许元素滚动，值可以是 auto | scroll */ -webkit-overflow-scrolling: touch; /* 定义滚动时回弹效果 */ }</xmp></code></blockquote><p class="gquote-info">在移动设备上运行这个示例，将能感受到与 Native 相同的滚动回弹；</p></div></li><li>对应的脚本特性为<strong>webkitOverflowScrolling</strong>。</li></ul></div></div><div id="compatible" class="g-mod g-attr"><h2 class="tit">兼容性：</h2><div class="cont"><ul class="support-type"><li><span class="support">浅绿</span> = 支持</li><li><span class="unsupport">红色</span> = 不支持</li><li><span class="partsupport">粉色</span> = 部分支持</li></ul><table class="g-data"><thead><tr><th>Values</th><th>IE</th><th>Firefox</th><th>Chrome</th><th>Safari</th><th>Opera</th><th>iOS Safari</th><th>Android Browser</th><th>Android Chrome</th></tr></thead><tbody><tr><td><strong>Basic Support</strong></td><td class="unsupport">6.0-11.0</td><td class="unsupport">2.0-40.0</td><td class="unsupport">4.0-45.0</td><td class="unsupport">6.0-8.0</td><td class="unsupport">15.0-29.0</td><td class="support">5.0+ <sup class="fix">-webkit-</sup></td><td class="partsupport">4.0+ <sup class="fix">-webkit-</sup> <sup><a href="-webkit-overflow-scrolling.html#support1">#1</a></sup></td><td class="partsupport">18.0-42.0 <sup class="fix">-webkit-</sup> <sup><a href="-webkit-overflow-scrolling.html#support1">#1</a></sup></td></tr></tbody></table><ol class="support-info"><li id="support1">Android 4.0前期增加了快速回弹滚动效果，不过随后这个特性又被移除，目前为止 Android 上所有浏览器支持该属性但未实现回弹效果。</li></ol></div></div></div><div class="navigation clearfix"><span class="alignleft">上一篇：<a href="-webkit-line-clamp.html">-webkit-line-clamp</a></span> <span class="alignright">下一篇：<a href="all.html">通配选择符(*)</a></span></div><div class="donate-con"><div class="donate-btn">捐助</div><div class="donate-body"><div class="donate-tips">本站为非盈利网站，所有的捐赠收入将用于支付带宽、服务器费用，您的支持将是本站撑下去的最大动力！</div><div class="donate-img"><a href="http://css.cuishifeng.cn/source.html" target="_blank"><img src="http://css.cuishifeng.cn/images/qr_code_55986b6.png" height="350" width="350" alt=""></a></div></div></div></div><!-- main-wraper end --><footer id="footer-con" class="footer"><p id="footer">Copyright &copy; <a href="http://www.cuishifeng.cn" target="_blank">Shifone</a> &nbsp;&nbsp; 2012 - 2017 &nbsp;&nbsp; All rights reserved.</p></footer><div id="frame-loader"></div></div><!-- main -container end --><aside class="left-panel left-panel-hide" id="left-panel"><div class="auto-query-con"><input type="text" name="query" id="autoquery" placeholder="请输入关键字"></div><nav class="navigation"><ul id="main-menu" class="main-menu"><li class="" id="menu-home"><a class="menu-title" id="dashboard-menu" href="index.html"><i class="fa fa-home"></i><span class="nav-label">Dashboard</span></a></li><li class="has-submenu"><a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">定位布局</span></a><ul class="sub-menu"><li><a class="css_change" href="position.html">position</a><sup>CSS3*</sup></li><li><a href="z-index.html">z-index</a></li><li><a href="top.html">top</a></li><li><a href="right.html">right</a></li><li><a href="bottom.html">bottom</a></li><li><a href="left.html">left</a></li><li><a class="css_change" href="clip.html">clip</a><sup>CSS3*</sup></li><li><a class="css_change" href="display.html">display</a><sup>CSS3*</sup></li><li><a href="float.html">float</a></li><li><a href="clear.html">clear</a></li><li><a href="visibility.html">visibility</a></li><li><a class="css_change" href="overflow.html">overflow</a><sup>CSS3*</sup></li><li><a class="css_change" href="overflow-x.html">overflow-x</a><sup>CSS3*</sup></li><li><a class="css_change" href="overflow-y.html">overflow-y</a><sup>CSS3*</sup></li><li><a href="width.html">width</a></li><li><a href="min-width.html">min-width</a></li><li><a href="max-width.html">max-width</a></li><li><a href="height.html">height</a></li><li><a href="min-height.html">min-height</a></li><li><a href="max-height.html">max-height</a></li><li><a href="margin.html">margin</a></li><li><a href="margin-top.html">margin-top</a></li><li><a href="margin-right.html">margin-right</a></li><li><a href="margin-bottom.html">margin-bottom</a></li><li><a href="margin-left.html">margin-left</a></li><li><a href="padding.html">padding</a></li><li><a href="padding-top.html">padding-top</a></li><li><a href="padding-right.html">padding-right</a></li><li><a href="padding-bottom.html">padding-bottom</a></li><li><a href="padding-left.html">padding-left</a></li><li><a href="border.html">border</a></li><li><a href="border-width.html">border-width</a></li><li><a href="border-style.html">border-style</a></li><li><a href="border-color.html">border-color</a></li><li><a href="border-top.html">border-top</a></li><li><a href="border-top-width.html">border-top-width</a></li><li><a href="border-top-style.html">border-top-style</a></li><li><a href="border-top-color.html">border-top-color</a></li><li><a href="border-right.html">border-right</a></li><li><a href="border-right-width.html">border-right-width</a></li><li><a href="border-right-style.html">border-right-style</a></li><li><a href="border-right-color.html">border-right-color</a></li><li><a href="border-bottom.html">border-bottom</a></li><li><a href="border-bottom-width.html">border-bottom-width</a></li><li><a href="border-bottom-style.html">border-bottom-style</a></li><li><a href="border-bottom-color.html">border-bottom-color</a></li><li><a href="border-left.html">border-left</a></li><li><a href="border-left-width.html">border-left-width</a></li><li><a href="border-left-style.html">border-left-style</a></li><li><a href="border-left-color.html">border-left-color</a></li><li><a class="css_new" href="border-radius.html">border-radius</a><sup>CSS3+</sup></li><li><a class="css_new" href="border-top-left-radius.html">border-top-left-radius</a><sup>CSS3+</sup></li><li><a class="css_new" href="border-top-right-radius.html">border-top-right-radius</a><sup>CSS3+</sup></li><li><a class="css_new" href="border-bottom-right-radius.html">border-bottom-right-radius</a><sup>CSS3+</sup></li><li><a class="css_new" href="border-bottom-left-radius.html">border-bottom-left-radius</a><sup>CSS3+</sup></li><li><a class="css_new" href="box-shadow.html">box-shadow</a><sup>CSS3+</sup></li><li><a class="css_new" href="border-image.html">border-image</a><sup>CSS3+</sup></li><li><a class="css_new" href="border-image-source.html">border-image-source</a><sup>CSS3+</sup></li><li><a class="css_new" href="border-image-slice.html">border-image-slice</a><sup>CSS3+</sup></li><li><a class="css_new" href="border-image-width.html">border-image-width</a><sup>CSS3+</sup></li><li><a class="css_new" href="border-image-outset.html">border-image-outset</a><sup>CSS3+</sup></li><li><a class="css_new" href="border-image-repeat.html">border-image-repeat</a><sup>CSS3+</sup></li><li><a class="css_new" href="box-orient.html">box-orient</a><sup>CSS3+</sup></li><li><a class="css_new" href="box-pack.html">box-pack</a><sup>CSS3+</sup></li><li><a class="css_new" href="box-align.html">box-align</a><sup>CSS3+</sup></li><li><a class="css_new" href="box-flex.html">box-flex</a><sup>CSS3+</sup></li><li><a class="css_new" href="box-flex-group.html">box-flex-group</a><sup>CSS3+</sup></li><li><a class="css_new" href="box-ordinal-group.html">box-ordinal-group</a><sup>CSS3+</sup></li><li><a class="css_new" href="box-direction.html">box-direction</a><sup>CSS3+</sup></li><li><a class="css_new" href="box-lines.html">box-lines</a><sup>CSS3+</sup></li><li><a class="css_new" href="flex.html">flex</a><sup>CSS3+</sup></li><li><a class="css_new" href="flex-grow.html">flex-grow</a><sup>CSS3+</sup></li><li><a class="css_new" href="flex-shrink.html">flex-shrink</a><sup>CSS3+</sup></li><li><a class="css_new" href="flex-basis.html">flex-basis</a><sup>CSS3+</sup></li><li><a class="css_new" href="flex-flow.html">flex-flow</a><sup>CSS3+</sup></li><li><a class="css_new" href="flex-direction.html">flex-direction</a><sup>CSS3+</sup></li><li><a class="css_new" href="flex-wrap.html">flex-wrap</a><sup>CSS3+</sup></li><li><a class="css_new" href="align-content.html">align-content</a><sup>CSS3+</sup></li><li><a class="css_new" href="align-items.html">align-items</a><sup>CSS3+</sup></li><li><a class="css_new" href="align-self.html">align-self</a><sup>CSS3+</sup></li><li><a class="css_new" href="justify-content.html">justify-content</a><sup>CSS3+</sup></li><li><a class="css_new" href="order.html">order</a><sup>CSS3+</sup></li><li><a class="css_new" href="fraction.html">&lt;fraction&gt;</a><sup>CSS3+</sup></li><li><a class="css_new" href="grid2.html">&lt;grid&gt;</a><sup>CSS3+</sup></li><li><a class="css_new" href="fr.html">fr</a><sup>CSS3+</sup></li><li><a class="css_new" href="gr.html">gr</a><sup>CSS3+</sup></li></ul></li><li class="has-submenu"><a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">选择器</span></a><ul class="sub-menu"><li><a href="all.html">通配选择符(*)</a></li><li><a href="e.html">类型选择符(E)</a></li><li><a href="id.html">ID选择符(E#id)</a></li><li><a href="class.html">类选择符(E.class)</a></li><li><a href="ef.html">包含选择符(E F)</a></li><li><a href="e-child-f.html">子选择符(E&gt;F)</a></li><li><a href="e-adjacent-f.html">相邻选择符(E+F)</a></li><li><a class="css_new" href="e-brother-f.html">兄弟选择符(E~F)</a><sup>CSS3+</sup></li><li><a href="att.html">E[att]</a></li><li><a href="att2.html">E[att=&quot;val&quot;]</a></li><li><a href="att3.html">E[att~=&quot;val&quot;]</a></li><li><a class="css_new" href="att4.html">E[att^=&quot;val&quot;]</a><sup>CSS3+</sup></li><li><a class="css_new" href="att5.html">E[att$=&quot;val&quot;]</a><sup>CSS3+</sup></li><li><a class="css_new" href="att6.html">E[att*=&quot;val&quot;]</a><sup>CSS3+</sup></li><li><a href="att7.html">E[att|=&quot;val&quot;]</a></li><li><a href="link.html">E:link</a></li><li><a href="visited.html">E:visited</a></li><li><a href="hover.html">E:hover</a></li><li><a href="active.html">E:active</a></li><li><a href="focus.html">E:focus</a></li><li><a href="lang(fr).html">E:lang(fr)</a></li><li><a class="css_new" href="not(s).html">E:not(s)</a><sup>CSS3+</sup></li><li><a class="css_new" href="root.html">E:root</a><sup>CSS3+</sup></li><li><a href="first-child.html">E:first-child</a></li><li><a class="css_new" href="last-child.html">E:last-child</a><sup>CSS3+</sup></li><li><a class="css_new" href="only-child.html">E:only-child</a><sup>CSS3+</sup></li><li><a class="css_new" href="nth-child(n).html">E:nth-child(n)</a><sup>CSS3+</sup></li><li><a class="css_new" href="nth-last-child(n).html">E:nth-last-child(n)</a><sup>CSS3+</sup></li><li><a class="css_new" href="first-of-type.html">E:first-of-type</a><sup>CSS3+</sup></li><li><a class="css_new" href="last-of-type.html">E:last-of-type</a><sup>CSS3+</sup></li><li><a class="css_new" href="only-of-type.html">E:only-of-type</a><sup>CSS3+</sup></li><li><a class="css_new" href="nth-of-type(n).html">E:nth-of-type(n)</a><sup>CSS3+</sup></li><li><a class="css_new" href="nth-last-of-type(n).html">E:nth-last-of-type(n)</a><sup>CSS3+</sup></li><li><a class="css_new" href="empty.html">E:empty</a><sup>CSS3+</sup></li><li><a class="css_new" href="checked.html">E:checked</a><sup>CSS3+</sup></li><li><a class="css_new" href="enabled.html">E:enabled</a><sup>CSS3+</sup></li><li><a class="css_new" href="disabled.html">E:disabled</a><sup>CSS3+</sup></li><li><a class="css_new" href="target.html">E:target</a><sup>CSS3+</sup></li><li><a href="@page-first.html">@page:first</a></li><li><a href="@page-left.html">@page:left</a></li><li><a href="@page-right.html">@page:right</a></li><li><a class="css_change" href="first-letter.html">E:first-letter/E::first-letter</a><sup>CSS3*</sup></li><li><a class="css_change" href="first-line.html">E:first-line/E::first-line</a><sup>CSS3*</sup></li><li><a class="css_change" href="before.html">E:before/E::before</a><sup>CSS3*</sup></li><li><a class="css_change" href="after.html">E:after/E::after</a><sup>CSS3*</sup></li><li><a class="css_new" href="placeholder.html">E::placeholder</a><sup>CSS3+</sup></li><li><a class="css_new" href="selection.html">E::selection</a><sup>CSS3+</sup></li></ul></li><li class="has-submenu"><a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">颜色背景</span></a><ul class="sub-menu"><li><a class="css_change" href="background.html">background</a><sup>CSS3*</sup></li><li><a href="background-color.html">background-color</a></li><li><a class="css_change" href="background-image.html">background-image</a><sup>CSS3*</sup></li><li><a class="css_change" href="background-repeat.html">background-repeat</a><sup>CSS3*</sup></li><li><a class="css_change" href="background-attachment.html">background-attachment</a><sup>CSS3*</sup></li><li><a class="css_change" href="background-position.html">background-position</a><sup>CSS3*</sup></li><li><a class="css_new" href="background-origin.html">background-origin</a><sup>CSS3+</sup></li><li><a class="css_new" href="background-clip.html">background-clip</a><sup>CSS3+</sup></li><li><a class="css_new" href="background-size.html">background-size</a><sup>CSS3+</sup></li><li><a href="color.html">color</a></li><li><a class="css_new" href="opacity.html">opacity</a><sup>CSS3+</sup></li><li><a class="css_change" href="color3.html">&lt;color&gt;</a><sup>CSS3*</sup></li><li><a href="color-name.html">Color Name</a></li><li><a href="hex.html">HEX</a></li><li><a href="rgb.html">RGB</a></li><li><a class="css_new" href="rgba.html">RGBA</a><sup>CSS3+</sup></li><li><a class="css_new" href="hsl.html">HSL</a><sup>CSS3+</sup></li><li><a class="css_new" href="hsla.html">HSLA</a><sup>CSS3+</sup></li><li><a class="css_change" href="transparent.html">transparent</a><sup>CSS3*</sup></li><li><a class="css_new" href="currentColor.html">currentColor</a><sup>CSS3+</sup></li></ul></li><li class="has-submenu"><a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">文本字体</span></a><ul class="sub-menu"><li><a href="font.html">font</a></li><li><a href="font-style.html">font-style</a></li><li><a href="font-variant.html">font-variant</a></li><li><a href="font-weight.html">font-weight</a></li><li><a href="font-size.html">font-size</a></li><li><a href="font-family.html">font-family</a></li><li><a class="css_new" href="font-stretch.html">font-stretch</a><sup>CSS3+</sup></li><li><a class="css_new" href="font-size-adjust.html">font-size-adjust</a><sup>CSS3+</sup></li><li><a class="css_change" href="text-transform.html">text-transform</a><sup>CSS3*</sup></li><li><a href="white-space.html">white-space</a></li><li><a class="css_new" href="tab-size.html">tab-size</a><sup>CSS3+</sup></li><li><a class="css_new" href="word-break.html">word-break</a><sup>CSS3+</sup></li><li><a class="css_new" href="word-wrap.html">word-wrap</a><sup>CSS3+</sup></li><li><a class="css_new" href="overflow-wrap.html">overflow-wrap</a><sup>CSS3+</sup></li><li><a class="css_change" href="text-align.html">text-align</a><sup>CSS3*</sup></li><li><a class="css_new" href="text-align-last.html">text-align-last</a><sup>CSS3+</sup></li><li><a class="css_new" href="text-justify.html">text-justify</a><sup>CSS3+</sup></li><li><a class="css_change" href="word-spacing.html">word-spacing</a><sup>CSS3*</sup></li><li><a class="css_change" href="letter-spacing.html">letter-spacing</a><sup>CSS3*</sup></li><li><a class="css_change" href="text-indent.html">text-indent</a><sup>CSS3*</sup></li><li><a href="vertical-align.html">vertical-align</a></li><li><a href="line-height.html">line-height</a></li><li><a class="css_new" href="text-size-adjust.html">text-size-adjust</a><sup>CSS3+</sup></li><li><a class="css_change" href="text-decoration.html">text-decoration</a><sup>CSS3*</sup></li><li><a class="css_new" href="text-decoration-line.html">text-decoration-line</a><sup>CSS3+</sup></li><li><a class="css_new" href="text-decoration-color.html">text-decoration-color</a><sup>CSS3+</sup></li><li><a class="css_new" href="text-decoration-style.html">text-decoration-style</a><sup>CSS3+</sup></li><li><a class="css_new" href="text-decoration-skip.html">text-decoration-skip</a><sup>CSS3+</sup></li><li><a class="css_new" href="text-underline-position.html">text-underline-position</a><sup>CSS3+</sup></li><li><a class="css_new" href="text-shadow.html">text-shadow</a><sup>CSS3+</sup></li><li><a href="direction.html">direction</a></li><li><a class="css_change" href="unicode-bidi.html">unicode-bidi</a><sup>CSS3*</sup></li><li><a class="css_new" href="writing-mode.html">writing-mode</a><sup>CSS3+</sup></li><li><a href="content.html">content</a></li><li><a href="counter-increment.html">counter-increment</a></li><li><a href="counter-reset.html">counter-reset</a></li><li><a href="quotes.html">quotes</a></li><li><a href="inherit.html">inherit</a></li><li><a class="css_new" href="initial.html">initial</a><sup>CSS3+</sup></li><li><a class="css_new" href="unset.html">unset</a><sup>CSS3+</sup></li><li><a href="string.html">&lt;string&gt;</a></li><li><a href="url.html">&lt;url&gt;</a></li><li><a href="identifier.html">&lt;identifier&gt;</a></li></ul></li><li class="has-submenu"><a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">列表表格</span></a><ul class="sub-menu"><li><a href="list-style.html">list-style</a></li><li><a href="list-style-image.html">list-style-image</a></li><li><a href="list-style-position.html">list-style-position</a></li><li><a href="list-style-type.html">list-style-type</a></li><li><a href="table-layout.html">table-layout</a></li><li><a href="border-collapse.html">border-collapse</a></li><li><a href="border-spacing.html">border-spacing</a></li><li><a href="caption-side.html">caption-side</a></li><li><a href="empty-cells.html">empty-cells</a></li><li><a class="css_new" href="columns.html">columns</a><sup>CSS3+</sup></li><li><a class="css_new" href="column-width.html">column-width</a><sup>CSS3+</sup></li><li><a class="css_new" href="column-count.html">column-count</a><sup>CSS3+</sup></li><li><a class="css_new" href="column-gap.html">column-gap</a><sup>CSS3+</sup></li><li><a class="css_new" href="column-rule.html">column-rule</a><sup>CSS3+</sup></li><li><a class="css_new" href="column-rule-width.html">column-rule-width</a><sup>CSS3+</sup></li><li><a class="css_new" href="column-rule-style.html">column-rule-style</a><sup>CSS3+</sup></li><li><a class="css_new" href="column-rule-color.html">column-rule-color</a><sup>CSS3+</sup></li><li><a class="css_new" href="column-span.html">column-span</a><sup>CSS3+</sup></li><li><a class="css_new" href="column-fill.html">column-fill</a><sup>CSS3+</sup></li><li><a class="css_new" href="column-break-before.html">column-break-before</a><sup>CSS3+</sup></li><li><a class="css_new" href="column-break-after.html">column-break-after</a><sup>CSS3+</sup></li><li><a class="css_new" href="column-break-inside.html">column-break-inside</a><sup>CSS3+</sup></li></ul></li><li class="has-submenu"><a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">用户界面</span></a><ul class="sub-menu"><li><a class="css_new" href="appearance.html">appearance</a><sup>CSS3+</sup></li><li><a class="css_new" href="text-overflow.html">text-overflow</a><sup>CSS3+</sup></li><li><a href="outline.html">outline</a></li><li><a href="outline-width.html">outline-width</a></li><li><a href="outline-color.html">outline-color</a></li><li><a href="outline-style.html">outline-style</a></li><li><a class="css_new" href="outline-offset.html">outline-offset</a><sup>CSS3+</sup></li><li><a class="css_new" href="nav-index.html">nav-index</a><sup>CSS3+</sup></li><li><a class="css_new" href="nav-up.html">nav-up</a><sup>CSS3+</sup></li><li><a class="css_new" href="nav-right.html">nav-right</a><sup>CSS3+</sup></li><li><a class="css_new" href="nav-down.html">nav-down</a><sup>CSS3+</sup></li><li><a class="css_new" href="nav-left.html">nav-left</a><sup>CSS3+</sup></li><li><a href="cursor.html">cursor</a></li><li><a class="css_new" href="zoom.html">zoom</a><sup>CSS3+</sup></li><li><a class="css_new" href="box-sizing.html">box-sizing</a><sup>CSS3+</sup></li><li><a class="css_new" href="resize.html">resize</a><sup>CSS3+</sup></li><li><a class="css_new" href="ime-mode.html">ime-mode</a><sup>CSS3+</sup></li><li><a class="css_new" href="user-select.html">user-select</a><sup>CSS3+</sup></li><li><a class="css_new" href="pointer-events.html">pointer-events</a><sup>CSS3+</sup></li><li><a class="css_change" href="image.html">&lt;image&gt;</a><sup>CSS3*</sup></li><li><a class="css_new" href="image().html">image()</a><sup>CSS3+</sup></li><li><a class="css_new" href="image-set().html">image-set()</a><sup>CSS3+</sup></li><li><a class="css_new" href="gradient.html">&lt;gradient&gt;</a><sup>CSS3+</sup></li><li><a class="css_new" href="linear-gradient().html">linear-gradient()</a><sup>CSS3+</sup></li><li><a class="css_new" href="radial-gradient().html">radial-gradient()</a><sup>CSS3+</sup></li><li><a class="css_new" href="repeating-linear-gradient().html">repeating-linear-gradient()</a><sup>CSS3+</sup></li><li><a class="css_new" href="repeating-radial-gradient().html">repeating-radial-gradient()</a><sup>CSS3+</sup></li></ul></li><li class="has-submenu"><a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">动画过渡</span></a><ul class="sub-menu"><li><a class="css_new" href="transform.html">transform</a><sup>CSS3+</sup></li><li><a class="css_new" href="transform-origin.html">transform-origin</a><sup>CSS3+</sup></li><li><a class="css_new" href="transform-style.html">transform-style</a><sup>CSS3+</sup></li><li><a class="css_new" href="perspective.html">perspective</a><sup>CSS3+</sup></li><li><a class="css_new" href="perspective-origin.html">perspective-origin</a><sup>CSS3+</sup></li><li><a class="css_new" href="backface-visibility.html">backface-visibility</a><sup>CSS3+</sup></li><li><a class="css_new" href="transition.html">transition</a><sup>CSS3+</sup></li><li><a class="css_new" href="transition-property.html">transition-property</a><sup>CSS3+</sup></li><li><a class="css_new" href="transition-duration.html">transition-duration</a><sup>CSS3+</sup></li><li><a class="css_new" href="transition-timing-function.html">transition-timing-function</a><sup>CSS3+</sup></li><li><a class="css_new" href="transition-delay.html">transition-delay</a><sup>CSS3+</sup></li><li><a class="css_new" href="animation.html">animation</a><sup>CSS3+</sup></li><li><a class="css_new" href="animation-name.html">animation-name</a><sup>CSS3+</sup></li><li><a class="css_new" href="animation-duration.html">animation-duration</a><sup>CSS3+</sup></li><li><a class="css_new" href="animation-timing-function.html">animation-timing-function</a><sup>CSS3+</sup></li><li><a class="css_new" href="animation-delay.html">animation-delay</a><sup>CSS3+</sup></li><li><a class="css_new" href="animation-iteration-count.html">animation-iteration-count</a><sup>CSS3+</sup></li><li><a class="css_new" href="animation-direction.html">animation-direction</a><sup>CSS3+</sup></li><li><a class="css_new" href="animation-play-state.html">animation-play-state</a><sup>CSS3+</sup></li><li><a class="css_new" href="animation-fill-mode.html">animation-fill-mode</a><sup>CSS3+</sup></li></ul></li><li class="has-submenu"><a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">媒体载体</span></a><ul class="sub-menu"><li><a class="css_new" href="page.html">page</a><sup>CSS3+</sup></li><li><a href="page-break-before.html">page-break-before</a></li><li><a href="page-break-after.html">page-break-after</a></li><li><a href="page-break-inside.html">page-break-inside</a></li><li><a class="css_new" href="width2.html">width</a><sup>CSS3+</sup></li><li><a class="css_new" href="height2.html">height</a><sup>CSS3+</sup></li><li><a class="css_new" href="device-width.html">device-width</a><sup>CSS3+</sup></li><li><a class="css_new" href="device-height.html">device-height</a><sup>CSS3+</sup></li><li><a class="css_new" href="orientation.html">orientation</a><sup>CSS3+</sup></li><li><a class="css_new" href="aspect-ratio.html">aspect-ratio</a><sup>CSS3+</sup></li><li><a class="css_new" href="device-aspect-ratio.html">device-aspect-ratio</a><sup>CSS3+</sup></li><li><a class="css_new" href="color2.html">color</a><sup>CSS3+</sup></li><li><a class="css_new" href="color-index.html">color-index</a><sup>CSS3+</sup></li><li><a class="css_new" href="monochrome.html">monochrome</a><sup>CSS3+</sup></li><li><a class="css_new" href="resolution.html">resolution</a><sup>CSS3+</sup></li><li><a class="css_new" href="scan.html">scan</a><sup>CSS3+</sup></li><li><a class="css_new" href="grid.html">grid</a><sup>CSS3+</sup></li><li><a href="scrollbar-3dlight-color.html">scrollbar-3dlight-color</a></li><li><a href="scrollbar-darkshadow-color.html">scrollbar-darkshadow-color</a></li><li><a href="scrollbar-highlight-color.html">scrollbar-highlight-color</a></li><li><a href="scrollbar-shadow-color.html">scrollbar-shadow-color</a></li><li><a href="scrollbar-arrow-color.html">scrollbar-arrow-color</a></li><li><a href="scrollbar-face-color.html">scrollbar-face-color</a></li><li><a href="scrollbar-track-color.html">scrollbar-track-color</a></li><li><a href="scrollbar-base-color.html">scrollbar-base-color</a></li><li><a href="filter.html">filter</a></li><li><a href="behavior.html">behavior</a></li><li><a class="css_new" href="-webkit-text-fill-color.html">-webkit-text-fill-color</a><sup>CSS3+</sup></li><li><a class="css_new" href="-webkit-text-stroke.html">-webkit-text-stroke</a><sup>CSS3+</sup></li><li><a class="css_new" href="-webkit-text-stroke-width.html">-webkit-text-stroke-width</a><sup>CSS3+</sup></li><li><a class="css_new" href="-webkit-text-stroke-color.html">-webkit-text-stroke-color</a><sup>CSS3+</sup></li><li><a class="css_new" href="-webkit-box-reflect.html">-webkit-box-reflect</a><sup>CSS3+</sup></li><li><a class="css_new" href="-webkit-tap-highlight-color.html">-webkit-tap-highlight-color</a><sup>CSS3+</sup></li><li><a class="css_new" href="-webkit-user-drag.html">-webkit-user-drag</a><sup>CSS3+</sup></li><li><a class="css_new" href="-webkit-line-clamp.html">-webkit-line-clamp</a><sup>CSS3+</sup></li><li><a class="css_new" href="-webkit-overflow-scrolling.html">-webkit-overflow-scrolling</a><sup>CSS3+</sup></li></ul></li><li class="has-submenu"><a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">长度单位</span></a><ul class="sub-menu"><li><a href="length.html">&lt;length&gt;</a></li><li><a href="em.html">em</a></li><li><a href="ex.html">ex</a></li><li><a class="css_new" href="ch.html">ch</a><sup>CSS3+</sup></li><li><a class="css_new" href="rem.html">rem</a><sup>CSS3+</sup></li><li><a class="css_new" href="vw.html">vw</a><sup>CSS3+</sup></li><li><a class="css_new" href="vh.html">vh</a><sup>CSS3+</sup></li><li><a class="css_new" href="vmax.html">vmax</a><sup>CSS3+</sup></li><li><a class="css_new" href="vmin.html">vmin</a><sup>CSS3+</sup></li><li><a href="cm.html">cm</a></li><li><a href="mm.html">mm</a></li><li><a href="q.html">q</a></li><li><a href="in.html">in</a></li><li><a href="pt.html">pt</a></li><li><a href="pc.html">pc</a></li><li><a href="px.html">px</a></li><li><a class="css_new" href="angle.html">&lt;angle&gt;</a><sup>CSS3+</sup></li><li><a class="css_new" href="deg.html">deg</a><sup>CSS3+</sup></li><li><a class="css_new" href="grad.html">grad</a><sup>CSS3+</sup></li><li><a class="css_new" href="rad.html">rad</a><sup>CSS3+</sup></li><li><a class="css_new" href="turn.html">turn</a><sup>CSS3+</sup></li><li><a class="css_new" href="time.html">&lt;time&gt;</a><sup>CSS3+</sup></li><li><a class="css_new" href="s.html">s</a><sup>CSS3+</sup></li><li><a class="css_new" href="ms.html">ms</a><sup>CSS3+</sup></li><li><a class="css_new" href="frequency.html">&lt;frequency&gt;</a><sup>CSS3+</sup></li><li><a class="css_new" href="hz.html">Hz</a><sup>CSS3+</sup></li><li><a class="css_new" href="khz.html">kHz</a><sup>CSS3+</sup></li><li><a class="css_new" href="resolution2.html">&lt;resolution&gt;</a><sup>CSS3+</sup></li><li><a class="css_new" href="dpi.html">dpi</a><sup>CSS3+</sup></li><li><a class="css_new" href="dpcm.html">dpcm</a><sup>CSS3+</sup></li><li><a class="css_new" href="dppx.html">dppx</a><sup>CSS3+</sup></li></ul></li><li class="has-submenu"><a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">语法与规则</span></a><ul class="sub-menu"><li><a href="!important.html">!important</a></li><li><a href="comment.html">/*comment*/</a></li><li><a class="css_change" href="@import.html">@import</a><sup>CSS3*</sup></li><li><a href="@charset.html">@charset</a></li><li><a class="css_change" href="@media.html">@media</a><sup>CSS3*</sup></li><li><a class="css_new" href="@font-face.html">@font-face</a><sup>CSS3+</sup></li><li><a href="@page.html">@page</a></li><li><a class="css_new" href="@keyframes.html">@keyframes</a><sup>CSS3+</sup></li><li><a class="css_new" href="@supports.html">@supports</a><sup>CSS3+</sup></li></ul></li><li class="has-submenu"><a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">杂项</span></a><ul class="sub-menu"><li><a class="css_new" href="calc().html">calc()</a><sup>CSS3+</sup></li><li><a class="css_new" href="toggle().html">toggle()</a><sup>CSS3+</sup></li><li><a class="css_change" href="counter().html">counter()</a><sup>CSS3*</sup></li><li><a class="css_change" href="counters().html">counters()</a><sup>CSS3*</sup></li><li><a class="css_change" href="attr().html">attr()</a><sup>CSS3*</sup></li><li><a href="number.html">&lt;number&gt;</a></li><li><a href="integer.html">&lt;integer&gt;</a></li><li><a href="percentage.html">&lt;percentage&gt;</a></li></ul></li><li class="has-submenu"><a class="menu-title" href="javascript:void(0);"><i class="fa fa-leaf"></i> <span class="nav-label">CSS Hack</span></a><ul class="sub-menu"><li><a href="conditions.html">条件Hack</a></li><li><a href="properties.html">属性级Hack</a></li><li><a href="selectors.html">选择符级Hack</a></li></ul></li><li><a class="menu-title" href="http://jquery.cuishifeng.cn" target="_blank"><i class="fa fa-leaf"></i> <span class="nav-label">jQuery中文API</span></a></li><li><a class="menu-title" href="http://www.cuishifeng.cn/go/card" target="_blank"><i class="fa fa-card"></i> <span class="nav-label">信用卡优惠</span></a></li></ul></nav></aside><!-- left aside end --><script src="http://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script><script src="js/jquery.autocomplete_2e9587b.js"></script><script src="js/jquery.mousewheel_608c2df.js"></script><script src="js/jquery.mCustomScrollbar_6d0acbb.js"></script><script src="js/shifone_ce56221.js"></script><div class="tongji"><script>"use strict";var _hmt=_hmt||[];!function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?84fd725ef982fe94e8188ff315a28f4a";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}();</script></div></body></html>